<template>
	<view class="content" v-if="show==1">
		<view class="teacher">
			<image :src="teacher.avatar" mode="aspectFit" class="avatar"></image>
			<view class="teacher2">
				<view class="teacher2-1">
					<view class="teacher2-1-1">S{{teacher.id}}-{{teacher.nickname}}</view>
					<!--#ifdef MP-WEIXIN-->
					<image @click="jubao" class="map4" src="../../static/images/dian.png" mode="aspectFit"></image>
					<!--#endif-->
				</view>
				<view class="teacher2-2">
					<view class="teacher2-2-1">{{teacher.cate2}}</view>
					<view class="teacher2-2-2">距您{{juli}}km</view>
				</view>
				<view class="teacher2-2">
					<view class="teacher2-2-3">{{teacher.px_year}}年工作经验</view>
				</view>
				<view class="teacher2-2" v-if="teacher.is_real==1">
					<view class="teacher2-2-3">有实体店铺</view>
				</view>
				<!--<view class="teacher2-3">
					<text>评级：</text>
					<image v-for="a in teacher.xingji" src="../../static/xing.png" mode="aspectFit"></image>
					<image v-for="a in teacher.xingji2" src="../../static/xing2.png" mode="aspectFit"></image>
					<view class="juli">距您{{juli}}km</view>
				</view>-->
			</view>
		</view>
		<view class="address" @click="map">
			<image src="../../static/images/map2.png" mode="aspectFit"></image>
			<view class="address2">{{teacher.address}}</view>
		</view>
		<view class="fenxian hg5"></view>
		<view class="qiehuan">
			<view class="qiehuan2" @click="qiehuan(1)">
				<view :class="type==1?'qiehuan3 qiehuan4':'qiehuan3'">师傅介绍</view>
			</view>
			<view class="qiehuan2" @click="qiehuan(2)">
				<view :class="type==2?'qiehuan3 qiehuan4':'qiehuan3'">服务列表</view>
			</view>
			
			
		</view>
		<view style="width:100%;" v-if="type==1">
		<view class="content1">
			<view class="content2">性别:</view>
			<view class="content3">{{teacher.sex==1?'男':'女'}}</view>
		</view>
		<view class="content1">
			<view class="content2">籍贯:</view>
			<view class="content3">{{teacher.sheng}}</view>
		</view>
		
		<view class="content1">
			<view class="content2">工作经验:</view>
			<view class="content3">{{teacher.px_year}}年</view>
		</view>
		<view class="content1">
			<view class="content2">店铺认证:</view>
			<view class="content3">{{teacher.is_real==1?'是':'否'}}</view>
		</view>
		<view class="content1">
			<view class="content2">师傅介绍:</view>
			<view class="content3">{{teacher.intro?teacher.intro:'暂无介绍'}}</view>
		</view>
		<view class="content1">
			<view class="content2">图片展示:</view>
			<view class="content3">
				{{!teacher.images[0]?'暂无图片展示':''}}
				<image @click="imgs" :data-img="img" v-for="(img,index) in teacher.images" :src="img" mode="aspectFit"></image>
			</view>
		</view>
		</view>
		
		<view style="width:94%;margin: 5px 3%;" v-if="type==2">
			<view class="goods4" v-for="(g,index) in goods" @click="gurl" :data-id="g.id">
				<view class="orders" style="width:100%;">
					<view style="width:100%;display: flex;">
					<image :src="teacher.avatar" mode="aspectFit" class="touxiang"></image>
					<view class="goods4-2">
						<view class="goods4-3" style="display: flex;">
							<view class="fenlei">{{g.cate2}}</view>
						</view>
						<view class="goods4-3" >
							<view class="zhuangtai" style="width:100%;">S{{teacher.id}}-{{teacher.nickname}}</view>
						</view>
						<view class="goods4-3" >
							<view class="zhuangtai">{{g.nianji}}</view>
							<view class="shengfen" style="color:red;">{{zdtype==1?'㉿':'￥'}}{{g.price}}</view>
						</view>
						<view class="goods4-3">
							<view class="zhuangtai">{{g.fwcate}}</view>
							<view class="shengfen">已售{{g.sales}}</view>
						</view>
					</view>
					</view>
					<view class="weizhi" >
						<image src="../../static/images/map3.png" mode="aspectFill"></image>
						<view class="weizhi2">{{g.address}}</view>
					</view>
				</view>
			</view>
			<view class="kong" v-if="!goods[0]">暂无服务数据</view>
		</view>
		
		<view style="width:100%;height:55px;"></view>
		<view class="bottom" >
			<view class="bottom2" @click="home">
				<image src="../../static/images/shou.png" mode="widthFix"/>
				<view class="bottom4">首页</view>
			</view>
			<view class="bottom2" @click="coll">
				<image :src="teacher.is_coll==1?'../../static/images/coll2.png':'../../static/images/coll.png'" mode="widthFix"/>
				<view class="bottom4">收藏</view>
			</view>
			<view class="bottom3">
				<view class="bottom5">
					<view class="bottom6" @click="tel">电话咨询</view>
					<view class="bottom6" @click="tel" v-if="teacher.is_mobile==1">拨打：{{teacher.xn_mobile}}</view>
				</view>
			</view>
		</view>
		
		<view v-if="is_gh==true" style="width:100%;">
		<view class="geng"></view>
		<view class="geng2">
			<view class="geng3">
				<text>支付</text>
				<image @click="gengh" src="../../static/cha.png" mode="aspectFit"></image>
			</view>
			<!-- #ifdef APP-PLUS -->
			<view class="geng4" v-if="zdtype==0">
				<view class="geng5">支付方式</view>
				<view class="geng6">
					<radio-group @change="moren2" style="text-align: right;line-height: 45px;">
						<label style="margin-right: 30px;">
							<radio value="2" color="#05c160" :checked="paytype==2" style="transform:scale(0.7)" />支付宝支付
						</label>
						<label>
							<radio value="1" color="#05c160" :checked="paytype==1" style="transform:scale(0.7)" />微信支付
						</label>
					</radio-group>
				</view>
			</view>
			<!-- #endif -->
			<view class="geng4">
				<view class="geng5">支付金额</view>
				<view class="geng6" style="line-height: 40px;text-align: right;font-size: 1.1rem;color:red;">
					{{zdtype==1?'㉿':'￥'}}{{teacher.mobile_price}}
				</view>
			</view>
			<!-- #ifdef MP-WEIXIN -->
			<view class="geng8" @click="shouquan">立即支付</view>
			<!-- #endif -->
			<!-- #ifndef MP-WEIXIN -->
			<view class="geng8" @click="zhifu" v-if="zdtype==0">立即支付</view>
			<view class="geng8" @click="zhifu" v-if="zdtype==1 && teacher.user_money>=teacher.mobile_price">立即支付</view>
			<view class="geng8" @click="chong" v-if="zdtype==1 && teacher.user_money<teacher.mobile_price">课券余额不足，去充值</view>
			<!-- #endif -->
		</view>
		</view>
		
		<view class="zheceng" v-if="is_jb==true" @click="jbclose"></view>
		<view class="jubaocause" v-if="is_jb==true">
			<view class="jubaocause2">
				<text>举报原因</text>
				<image src="../../static/cha.png" mode="aspectFit" @click="jbclose"></image>
			</view>
			<view class="jubaocause3">
				<textarea @input="cause" placeholder="请填写举报原因"></textarea>
			</view>
			<view class="jubaocause4">
				<view class="jubaocause4-1" @click="jbclose">取消</view>
				<view class="jubaocause4-2" @click="bao">提交</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp();
	export default {
		data() {
			return {
				id: 0,
				uid:0,
				show:0,
				juli:0,
				type:1,
				paytype:0,
				comments:[],
				cpage:1,
				cnext:0,
				is_gh:false,
				goods:[],
				is_jb:false,
				yuanyin:'',
				zdtype:0,
				wxcode:'',
				mobile:'',
				teacher:[]
			}
		},
		onLoad(op) {
			if(app.isBlank(op.id)==true){
				app.error_msg('参数错误');
			}else{
				const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==false){
					this.uid=uid;
				}
				// #ifdef APP-PLUS
				var that=this;
				uni.getSystemInfo({
				    success: function (res) {
						if(res.platform=='ios'){
							//that.zdtype=1;
						}
				    }
				});
				// #endif
				// #ifdef MP-WEIXIN
				this.paytype=1;
				// #endif
				this.id=op.id;
				this.getdata();
			}
		},
		onNavigationBarButtonTap(){
			const uid = uni.getStorageSync('uid');
			if(app.isBlank(uid)==true){
				uni.showModal({
				    content: '请登录后操作',
					confirmText:'去登录',
				    success: function (res) {
				        if (res.confirm) {
				            uni.navigateTo({
				                url: '/pages/login/login'
				            });
				        }
				    }
				});
				return false;
			}
			
			var that=this;
			uni.showActionSheet({
			    itemList: ['举报', '拉黑'],
			    success: function (res) {
					if(res.tapIndex==0){
						that.is_jb=true;
					}else{
						uni.showModal({
						    title: '确定要拉黑该老师吗？',
						    content: '拉黑后，将不会再对您展示该老师，且不可恢复',
						    success: function (res2) {
						        if (res2.confirm) {
						            that.lahei();
						        } else if (res.cancel) {
						            console.log('用户点击取消');
						        }
						    }
						});
						
					}
			    },
			    fail: function (res) {
			        console.log(res.errMsg);
			    }
			});
		},
		methods: {
			getdata(){
				var that=this;
				uni.showLoading({
				    title: '数据加载中'
				});
				
				uni.request({
				    url: app.globalData.url+"teacher/detail",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {id:that.id,uid:that.uid},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							if(res.data.code==4000){
								uni.removeStorageSync('uid');
							}
							app.error_msg(res.data.msg);
						}
						that.getjuli(res.data.data.teacher.lat,res.data.data.teacher.lng);
						that.teacher=res.data.data.teacher;
						that.goods=res.data.data.goods;
						that.show=1;
				    }
				});
			},
			gengh(){
				this.is_gh=!this.is_gh;
			},
			gurl(e){
				var id=e.currentTarget.dataset.id;
				uni.navigateTo({
				    url: '/pages/goods/detail?id='+id
				});
			},
			map(){
				var that=this;
				uni.openLocation({
					latitude: that.teacher.lat,
					longitude: that.teacher.lng,
					address:that.teacher.address,
					success: function () {
						console.log('success');
					}
				});
			},
			getjuli(lat,lng){
				var that=this;
				uni.getLocation({
				    type: 'gcj02',
				    success: function (res) {
						uni.request({
						    url: app.globalData.url+"goods/juli",
							method:"POST",
							dataType:"json",
							header: {
							    'content-type': 'application/x-www-form-urlencoded'
							},
						    data: {lat:res.latitude,lng:res.longitude,lat2:lat,lng2:lng},
						    success: (res2) => {
								that.juli=res2.data.data.juli;
						    }
						});
				    },
					fail(e){
						console.log(e);
					}
				});
			},
			jubao(){
				const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==true){
					uni.showModal({
					    content: '请登录后操作',
						confirmText:'去登录',
					    success: function (res) {
					        if (res.confirm) {
					            uni.navigateTo({
					                url: '/pages/login/login'
					            });
					        }
					    }
					});
					return false;
				}
				
				var that=this;
				uni.showActionSheet({
				    itemList: ['举报', '拉黑'],
				    success: function (res) {
						if(res.tapIndex==0){
							that.is_jb=true;
						}else{
							uni.showModal({
							    title: '确定要拉黑该老师吗？',
							    content: '拉黑后，将不会再对您展示该老师，且不可恢复',
							    success: function (res2) {
							        if (res2.confirm) {
							            that.lahei();
							        } else if (res.cancel) {
							            console.log('用户点击取消');
							        }
							    }
							});
							
						}
				    },
				    fail: function (res) {
				        console.log(res.errMsg);
				    }
				});
			},
			lahei(){
				var that=this;
				uni.showLoading({
				    title: '请求中..'
				});
				const uid = uni.getStorageSync('uid');
				uni.request({
				    url: app.globalData.url+"index/lahei",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:uid,id:that.id,type:1},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1500
						});
				    }
				});
			},
			jbclose(){
				this.yuanyin='';
				this.is_jb=false;
			},
			bao(){
				var that=this;
				if(app.isBlank(this.yuanyin)==true){
					uni.showToast({
					    title: "请填写举报原因",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				uni.showLoading({
				    title: '请求中..'
				});
				const uid = uni.getStorageSync('uid');
				uni.request({
				    url: app.globalData.url+"index/jubao",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:uid,id:that.id,cause:that.yuanyin,type:1},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						that.jbclose();
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1500
						});
				    }
				});
			},
			cause: function(event) {
			    this.yuanyin = event.target.value
			},
			bdmobile(){
				var that=this;
				/*uni.makePhoneCall({
				    phoneNumber: that.teacher.mobile
				});
				return false;*/
				uni.showLoading({
				    title: '请求中..'
				});
				
				uni.request({
				    url: app.globalData.url+"teacher/bdmobile",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:that.id,mobile_id:that.teacher.mobile_id},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						that.mobile=res.data.data.mobile;
						that.teacher.xn_mobile=res.data.data.mobile;
						uni.makePhoneCall({
						    phoneNumber: res.data.data.mobile
						});
				    }
				});
			},
			mfbdmobile(){
				uni.showLoading({
				    title: '请求中..'
				});
				var that=this;
				uni.request({
				    url: app.globalData.url+"teacher/mfbdmobile",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:that.id},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						that.mobile=res.data.data.mobile;
						that.teacher.xn_mobile=res.data.data.mobile;
						uni.makePhoneCall({
						    phoneNumber: res.data.data.mobile
						});
				    }
				});
			},
			smoney(m){
				this.teacher.user_money=m;
			},
			chong(){
				uni.navigateTo({
				    url: "/pages/user/chong?type=1"
				});
			},
			moren2(e){
				this.paytype=e.detail.value;
			},
			shouquan(){
				var that=this;
				uni.showLoading({
				    title: '请求中'
				});
				uni.login({
				  provider: 'weixin',
				  success: function (loginRes) {
					that.wxcode=loginRes.code;
					that.zhifu(1);
				  },
				  fail(){
					  uni.showToast({
					      title: '信息异常，请重试',
							icon:'none',
					      duration: 1000
					  });
				  }
				});
			},
			zhifu(t=0){
				var that=this;
				if(t==0){
				uni.showLoading({
				    title: '请求中'
				});
				}
				var type='wxxcx';
				// #ifdef APP-PLUS
				type='app';
				if(this.zdtype==0 && this.paytype==0){
					uni.showToast({
					    title: '请选择支付方式',
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				// #endif
				if(this.zdtype==1){
					this.paytype=3;
				}
				
				uni.request({
				    url: app.globalData.url+"teacher/mobile_pay",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {id:that.id,uid:that.uid,paytype:that.paytype,type:type,code:that.wxcode,zdtype:that.zdtype},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						
						if(res.data.data.is_pay==0){
							uni.showToast({
							    title: "支付成功",
								icon:'success',
							    duration: 1000
							});
							that.gengh();
							that.teacher.is_mobile=1;
							that.teacher.mobile_id=res.data.data.mobile_id;
							that.bdmobile();
							return false;
						}
						
						if(type=="wxxcx"){
							uni.requestPayment({
							    provider: 'wxpay',
							    timeStamp: res.data.data.pay.timeStamp,
								nonceStr: res.data.data.pay.nonceStr,
								package: res.data.data.pay.package,
								signType: 'MD5',
								paySign: res.data.data.pay.paySign,
							    success: function (res2) {
							        uni.showToast({
							            title: "支付成功",
							        	icon:'success',
							            duration: 1000
							        });
							        that.teacher.is_mobile=1;
									that.teacher.mobile_id=res.data.data.mobile_id;
									that.gengh();
									that.bdmobile();
							    },
							    fail: function (err) {
							        console.log('fail:' + JSON.stringify(err));
							    }
							});
						}else if(type=="app"){
							if(that.paytype==1){
								uni.requestPayment({
								    provider: 'wxpay',
								    orderInfo: {
										"appid": res.data.data.pay.appid,
										"noncestr": res.data.data.pay.noncestr, // 随机字符串
										"package": res.data.data.pay.package,        // 固定值
										"partnerid": res.data.data.pay.partnerid,      // 微信支付商户号
										"prepayid": res.data.data.pay.prepayid, // 统一下单订单号 
										"timestamp": res.data.data.pay.timestamp,        // 时间戳（单位：秒）
										"sign": res.data.data.pay.sign // 签名，这里用的 MD5 签名
									},
								    success: function (res2) {
								        uni.showToast({
								            title: "支付成功",
								        	icon:'success',
								            duration: 1000
								        });
								        that.teacher.is_mobile=1;
										that.teacher.mobile_id=res.data.data.mobile_id;
										that.gengh();
										that.bdmobile();
								    },
								    fail: function (err) {
								        console.log('fail:' + JSON.stringify(err));
								    }
								});
							}else{
								uni.requestPayment({
								    provider: 'alipay',
								    orderInfo: res.data.data.pay,
								    success: function (res2) {
								        uni.showToast({
								            title: "支付成功",
								        	icon:'success',
								            duration: 1000
								        });
								        that.teacher.is_mobile=1;
										that.teacher.mobile_id=res.data.data.mobile_id;
										that.gengh();
										that.bdmobile();
								    },
								    fail: function (err) {
								        console.log('fail:' + JSON.stringify(err));
								    }
								});
							}
						}
				    }
				});
			},
			qiehuan(t){
				this.type=t;
			},
			imgs(e){
				var that=this;
				uni.previewImage({
					current:e.currentTarget.dataset.img,
					urls: that.teacher.images
				});
			},
			home(){
				uni.reLaunch({
				    url: '/pages/index/index'
				});
			},
			tel(){
				const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==true){
					uni.showModal({
					    content: '请先进行登录',
						confirmText:'去登录',
					    success: function (res) {
					        if (res.confirm) {
					            uni.navigateTo({
					                url: '/pages/login/login'
					            });
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
					    }
					});
					return false;
				}
				if(this.uid==this.teacher.user_id){
					uni.showToast({
					    title: "不支持拨打自己的电话",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				var that=this;
				/*if(this.teacher.mobile_price<=0 || this.teacher.is_mobile==1){
					this.bdmobile();
					return false;
				}*/
				if(app.isBlank(that.mobile)==false){
					uni.makePhoneCall({
					    phoneNumber: that.mobile
					});
					return false;
				}
				if(this.teacher.mobile_price<=0){
					this.mfbdmobile();
					return false;
				}
				if(this.teacher.is_mobile==1){
					this.bdmobile();
					return false;
				}
				
				if(this.zdtype==1){
					var t="拨打师傅虚拟号码需支付"+this.teacher.mobile_price+"课券，请注意通话时间与内容";
				}else{
					var t="拨打师傅虚拟号码需支付"+this.teacher.mobile_price+"元，请注意通话时间与内容";
				}
				uni.showModal({
					title:t,
					confirmText:'支付',
				    success: function (res) {
				        if(res.confirm) {
				            that.gengh();
				        }
				    }
				});
			},
			coll(){
				const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==true){
					uni.showModal({
					    content: '请先进行登录',
						confirmText:'去登录',
					    success: function (res) {
					        if (res.confirm) {
					            uni.navigateTo({
					                url: '/pages/login/login'
					            });
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
					    }
					});
					return false;
				}
				var that=this;
				uni.showLoading({
				    title: '请求中'
				});
				uni.request({
				    url: app.globalData.url+"teacher/coll",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {id:that.id,uid:uid},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							if(res.data.code==4000){
								uni.removeStorageSync('uid');
							}else if(res.data.code==4001){
								uni.showModal({
								    content: '请先进行登录',
									confirmText:'去登录',
								    success: function (res) {
								        if (res.confirm) {
								            uni.navigateTo({
								                url: '/pages/login/login'
								            });
								        } else if (res.cancel) {
								            console.log('用户点击取消');
								        }
								    }
								});
								return false;
							}
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1000
							});
							return false;
						}
						that.teacher.is_coll=res.data.data.coll;
						uni.showToast({
						    title: res.data.msg,
						    duration: 1000
						});
				    }
				});
			},
			ling(){
				/*const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==true){
					uni.showModal({
					    content: '请先进行登录',
						confirmText:'去登录',
					    success: function (res) {
					        if (res.confirm) {
					            uni.navigateTo({
					                url: '/pages/login/login'
					            });
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
					    }
					});
					return false;
				}*/
				uni.navigateTo({
				    url: '/pages/goods/video?id='+this.id
				});
			},
			onShareAppMessage(res) {
				var taht=this;
			    return {
			      title: that.goods.title,
			      path: '/pages/goods/detail?id='+that.id
			    }
			}
		}
	}
</script>

<style>
	.weizhi2{width:100%;height:25px;line-height: 25px;flex:1;overflow: hidden;}
	.weizhi image{width:15px;height:15px;margin-top: 5px;}
	.weizhi{width:100%;height:25px;display: flex;}
	.touxiang{width:100px;height:100px;margin-right: 10px;border-radius: 5px;}
	.jubaocause4-2{width:100px;height:35px;line-height: 35px;background-color: #05c160;color:#fff;text-align: center;float: right;margin-top: 14px;border-radius: 3px;}
	.jubaocause4-1{width:100px;height:35px;line-height: 35px;background-color: #ccc;color:#fff;text-align: center;float: left;margin-top: 14px;border-radius: 3px;}
	.jubaocause4{width:90%;margin: 0 auto;height:50px;overflow: hidden;}
	.jubaocause3 textarea{width:94%;height:140px;font-size: 0.85rem;color:#333;line-height: 24px;padding: 5px 3%;}
	.jubaocause3{width:90%;height:150px;background-color: #f8f8f8;border-radius: 3px;margin: 0 auto;}
	.jubaocause2 image{width:20px;height:20px;float: right;margin-top: 10px;}
	.jubaocause2 text{font-weight: 550;}
	.jubaocause2{width:90%;margin: 0 auto;height:40px;overflow: hidden;line-height: 40px;}
	.jubaocause{width:300px;height:250px;position: fixed;top:50%;margin-top: -125px;left:50%;margin-left: -150px;background-color: #fff;z-index: 9999;border-radius: 5px;}
	.zheceng{width:100%;height:100vh;background-color: #000000;position: fixed;top:0px;opacity: 0.6;z-index:9995;}
	.geng8{width:80%;height:35px;line-height: 35px;background-color: #05c160;margin: 0 auto;color: #fff;text-align: center;border-radius: 3px;position: absolute;bottom: 10px;left: 50%;margin-left: -40%;}
	.geng7{width:30%;height:30px;line-height: 30px;text-align: center;background-color: #05c160;color:#fff;border-radius: 3px;margin-top: 5px;float: right;font-size: 0.75rem;margin-left: 5px;}
	.geng6 input{width:60%;height:40px;float: left;font-size: 0.875rem;}
	.geng6{width:100%;height:40px;flex:1;}
	.geng5{width:80px;height:40px;line-height: 40px;}
	.geng4{width:94%;padding: 0px 3%;height:40px;border-bottom: 1px rgb(245, 245, 245) solid;display: flex;}
	.geng3 image{width:20px;height:20px;float: right;margin-top: 10px;}
	.geng3 text{font-weight: 550;}
	.geng3{width:94%;padding: 0px 3%;height:40px;line-height: 40px;border-bottom: 1px rgb(245, 245, 245) solid;}
	.geng2{width:100%;height:200px;position: fixed;bottom: 0px;background-color: #fff;z-index: 9999;}
	.geng{width:100%;height:100vh;position: fixed;top:0px;z-index: 9995;background-color: #000000;opacity: 0.7;}
	
	
	.kong{width:100%;text-align: center;margin-top: 20%;}
	.goods44{width:100%;overflow: hidden;}
	.goods4-9{width:100%;height:22px;line-height: 22px;overflow: hidden;font-size: 0.8rem;}
	.goods4-8 text{color:#666;font-size: 0.8rem;}
	.goods4-8{width:100%;height:22px;line-height: 22px;overflow: hidden;font-size: 0.8rem;}
	.goods4-7{width:70%;height:44px;float: left;}
	
	.goods4-4{width:30%;height:44px;float: left;line-height: 44px;text-align: center;color:#fe2424;font-size: 1.4rem;overflow: hidden;}
	.guanjianci{width:100%;height:25px;line-height: 25px;overflow: hidden;font-size: 0.8rem;}
	.zhuangtai{width:60%;height:25px;line-height: 25px;float: left;overflow: hidden;font-size: 0.8rem;}
	.shengfen{width:40%;height:25px;line-height: 25px;overflow: hidden;float: left;text-align: right;font-size: 0.8rem;}
	.nianji{width:30%;height:25px;line-height: 25px;text-align: right;float: left;}
	.fenlei{width:70%;height:25px;line-height: 25px;overflow: hidden;font-weight: 600;font-size: 0.9rem;float: left;}
	.goods4-3{width:100%;overflow: hidden;}
	.goods4-2{width:100%;flex: 1;}
	.goods4-1{width:120px;height:80px;border-radius: 5px;margin-right: 10px;}
	.goods4{width:96%;padding: 10px 2%;border:1px #eee solid;box-shadow: 1px 1px 1px #eee;border-radius: 5px;display: flex;position: relative;background-color: #fff;margin-bottom: 12px;}
	
	.content3 image{width:80px;height:80px;margin-right: 10px;margin-bottom: 10px;}
	.content3{width:100%;line-height: 20px;flex: 1;}
	.content2{width:90px;height:20px;line-height: 20px;}
	.content1{width:94%;padding: 5px 3%;display: flex;}
	.qiehuan4{color:#05c160!important;border-bottom: 1px #05c160 solid;}
	.qiehuan3{line-height: 32px;display: inline-block;padding: 0px 18px;font-size: 0.95rem;font-weight: 550;color:#333;}
	.qiehuan2{width:50%;height:33px;float: left;text-align: center;}
	.qiehuan{width:100%;overflow: hidden;margin-top: 5px;border-bottom: 1px #f3f3f3 solid;margin-bottom: 5px;}
	.juli{width:auto;color:red;font-size: 0.75rem;float: right;height:25px;overflow: hidden;max-width:100px;line-height: 30px;}
	.address2{width:100%;height:30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;flex: 1;}
	.address image{width:15px;height:15px;margin-top: 8px;margin-right: 3px;}
	.address{width:94%;padding: 0px 3%;height:30px;display: flex;margin-bottom: 5px;}
	.teacher2-3 image{width:18px;height:18px;margin-top: 5px;float: left;margin-right: 5px;}
	.teacher2-3 text{float: left;}
	.teacher2-3{width:100%;height:25px;overflow: hidden;line-height: 30px;}
	.teacher2-2-3{height:25px;line-height: 25px;color: #666;width:100%;overflow: hidden;}
	.teacher2-2-2{height:25px;line-height: 25px;color: #05c160;width:50%;float: left;overflow: hidden;}
	.teacher2-2-1{height:25px;line-height: 25px;color: #05c160;width:50%;float: left;overflow: hidden;}
	.teacher2-2{width:100%;height:25px;overflow: hidden;}
	.teacher2-1 .map4{width:20px;height:20px;margin-top: 2.5px;}
	.teacher2-1-1{width:100%;flex:1;height:25px;line-height: 25px;overflow: hidden;font-weight: 550;font-size: 1rem;color:#333;}
	.teacher2-1{width:100%;display: flex;}
	.teacher2{width:100%;height:100px;flex: 1;}
	.avatar{width:100px;height:100px;margin-right: 10px;border-radius: 3px;}
	.teacher{width:94%;padding: 0px 3%;display: flex;margin-top: 10px;}
	
	.bottom6{width:100%;height:40px;line-height: 40px;text-align: center;color:#fff;background-color: #05c160;}
	.bottom5{width:90%;height:40px;border-radius: 20px;margin-top: 5px;float: right;margin-right: 10px;overflow: hidden;}
	.bottom2 image{width:22px;margin-top: 5px;}
	.bottom4{width:100%;height:20px;line-height: 18px;font-size: 0.75rem;}
	.bottom2{width:15%;height:50px;float: left;text-align: center;}
	.bottom3{width:70%;height:50px;float: left;text-align: right;}
	.bottom{width:100%;height:51px;border-top:1px #eee solid;position: fixed;bottom: 0px;z-index: 9994;background-color: #fff;overflow: hidden;}
	
</style>
